.home {
    width: 100%;
    margin-top: 30px;
    article {
      width: 70%;
      min-height: 500px;
      margin: 0 auto;
      h3 {
        width: 100%;
        height: 40px;
        padding-left: 20px;
        line-height: 40px;
        text-align: left;
        margin: 10px 0;
        font-size: 20px;
        background-color: #fff;
        border-radius: 8px;
        color: #1890ff;
        font-weight: 400;
      }
      .list {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-around;
        background-color: #fff;
        border-radius: 8px;
        padding: 10px;
      }
      .center {
        width: 100%;
        min-height: 300px;
        display: flex;
        flex-wrap: wrap;
        border-radius: 8px;
        .left {
          width: 69%;
        }
        .right {
          position: absolute;
          right: 0;
          width: 280px;
          height: 350px;
          background-color: #fff;
          border-radius: 8px;
          padding: 10px;
          .ant-tabs-tab {
            color: #000;
            &:hover {
              color: #000;
            }
          }
          
          .ant-tabs-tab-active {
            .ant-tabs-tab-btn {
              font-weight: 800;
              color: #000;
            }
          }
          
          .ant-tabs-ink-bar {
            display: none;
          }
        }
      }
    }
    footer {
      margin-top: 10px;
      border-top: 1px solid #000;
      background-color: rgba(52, 57, 63,0.5);
      color: #fff;
    }
}
header {
  background-color: rgba(52, 57, 63,0.5);
  .content{
    display: flex;
    justify-content: space-between;
    width: 70%;
    margin: 0 auto;
  }
}

.hotlist {
    width: 30%;
    padding-left: 1%;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
}
.banner {
    width: 70%;
    min-height: 500px;
    margin: 0 auto;
    background-color: #fff !important;
}

.classic {
  width: 100%;
  height: 200px;
  padding: 20px 15px;
  border-radius: 8px;
  margin-bottom: 25px;
  color: #fff;
  background-color: #fff;
  ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
    li {
      width: 15%;
      height: 40px;
      margin-right: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      background-color: #629ef1;
      border-radius: 8px;
    }
  }
}


